//入口函数
$(function() {
    //1-绑定表单切换事件
    //1.1点击去注册
    $('#link_reg').on('click', function() {
            //登录表单隐藏
            $('.login-box').hide()
                //注册表单xs
            $('.reg-box').show()

        })
        //1.2点击登录
    $('#link_login').on('click', function() {
        //登录表单显示
        $('.login-box').show()
            //注册表单隐藏
        $('.reg-box').hide()

    })

    //2-自定义表单规则
    //获取layui提供的form表单对象
    var form = layui.form
        // console.log(form);
        //获取layui提供的layer对象
    var layer = layui.layer
    form.verify({
            //验证密码长度
            pwd: [/^[\S]{6,12}$/, '密码格式不正确'],
            //两次密码是否一样
            repwd: function(value) {
                console.log(value);
                var pwd = $('#form_reg [name=password]').val()
                if (pwd !== value) {
                    return '两次密码不一致'
                }

            }
        })
        //3-给注册表单，绑定提交事件
    $('#form_reg').on('submit', function(e) {
            //阻止表单默认提交
            e.preventDefault()
                //收集数据
            var data = $(this).serialize()
                //发送ajax
            $.ajax({
                method: 'post',
                url: 'http://ajax.frontend.itheima.net/api/reguser',
                data: data,
                success: function(res) {
                    // console.log(res);
                    //判断
                    if (res.status !== 0) {
                        return layui.msg(res.message, { icon: 3 })
                    }
                    //提示注册成功
                    layer.msg('注册成功', { icon: 6 })
                    $('#link_login').click()
                }
            })
        })
        //4-登录功能
    $('#form_login').on('submit', function(e) {
        //阻止默认事件
        e.preventDefault()
            //收集表单数据
        var data = $(this).serialize()
            //发送ajax
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success: function(res) {
                // console.log(res);
                // 判断
                if (res.status !== 0) {
                    return layui.msg(res.message, { icon: 3 })
                }
                //把登录成功后的token 保存本地(为了以后调接口使用)
                localStorage.setItem('token', res.token)
                    // 登录成功提示
                layer.msg('登录成功')
                location.href = '/index.html'

            }
        })
    })


})